<template>
  <v-scale-screen width="1920" height="1080">
    <div id="app">
      
      <!-- <router-link to="/session">跳转</router-link> -->
      <router-view></router-view>
    </div>
  </v-scale-screen>
  
</template>

<script>


export default {
  name: 'App',
  
//   mounted() {
//     var browerWidth = window.Width; //浏览器可视宽度
//     var baseWidth = 1920; //设计稿宽度
//     var zoomValue = browerWidth / baseWidth; //缩放比例计算
//     document.getElementById("app").style.transform = "scale(" + zoomValue + "," + zoomValue + ")"; //mainContainer为主容器id
//     window.onresize = function () { //窗口尺寸变化时，重新计算和缩放
//       browerWidth = window.innerWidth;
//       zoomValue = browerWidth / baseWidth;
//       document.getElementById("app").style.transform = "scale(" + zoomValue + "," + zoomValue + ")";
//     }
// }
}
</script>

<style>
.screen-box{
  background: #000D21 !important;
}
#app {
  /* font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px; */
  background: white;
  width: 100%;
  height: 100%;
  /* width: 100vw;
  height: 100vh;
  background: rgb(24, 25, 35);
  display: flex;
  align-items: center;
  justify-content: center; */
}
/* .mycom{
  width: 80%;
} */
</style>
